<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的网站</title>
<style>
* { margin: 0; padding: 0;}
a{color: #000000;text-decoration: none;}
a:hover{color: #FF0000;}
body{background-color: aquamarine;}
.mytitle{text-align: center;}
#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
#dowebok li { float: left; width: 30%; margin-left: 1%; padding-top: 1%;}
#dowebok li img { width: 100%;}
#dowebok li .dt { width: 100%;text-align: center;}
#dowebok li{list-style-type: none;}
</style>
</head>

<body>
	<h1 class="mytitle">179000529 张书豪</h1>
	<ul id="dowebok">
		<li>
			<div><a href="LX1.html"><img data-original="img/zuoye1.png" src="img/zuoye1.png" alt="图片1"></a></div>
			<div class="dt"><a href="LX1.html">作品1：web练习1之圣杯布局</a></div>
		</li>
		<li>
			<div><a href="LX2.html"><img data-original="img/zuoye2.png" src="img/zuoye2.png" alt="图片2"></a></div>
			<div class="dt"><a href="LX2.html">作品2：web练习2之Windows页面</a></div>
		</li>
		<li>
			<div><a href="h5zuoye2.html"><img data-original="img/t3.jpg" src="img/t3.jpg" alt="图片3"></a></div>
			<div class="dt"><a href="h5zuoye2.html">作品3：个人博客网站</a></div>
		</li>
		<li>
			<div><a href="LX3.html"><img data-original="img/zuoye3.png" src="img/zuoye3.png" alt="图片3"></a></div>
			<div class="dt"><a href="LX3.html">作品4：练习3之登录页面</a></div>
		</li>
		<li>
			<div><a href="task05.html"><img data-original="img/yemian5.png" src="img/yemian5.png" alt="图片4"></a></div>
			<div class="dt"><a href="task05.html">作品5：DOM操作</a></div>
		</li>
		<li>
			<div><a href="task6.html"><img data-original="img/lianxi6bizhi.png" src="img/lianxi6bizhi.png" alt="图片1"></a></div>
			<div class="dt"><a href="task6.html">作品6：坦克大战事件</a></div>
		</li>
		<li>
			<div><a href="bom1.html"><img data-original="img/bom1.png" src="img/bom1.png" alt="图片1"></a></div>
			<div class="dt"><a href="bom1.html">BOM</a></div>
		</li>
		<li>
			<div><a href="练习8/index_bom.html"><img data-original="img/lianxi8.png" src="img/lianxi8.png" alt="图片1"></a></div>
			<div class="dt"><a href="练习8/index_bom.html">练习8</a></div>
			<div><a href="练习资源包09/cart_task.html"><img data-original="img/lianxi9.png" src="img/lianxi9.png" alt="图片1"></a></div>
			<div class="dt"><a href="练习资源包09/cart_task.html">练习9</a></div>
			<div><a href="练习资源包10/tab_task.html"><img data-original="img/lianxixuanxiangka1.png" src="img/lianxixuanxiangka1.png" alt="图片1"></a></div>
			<div class="dt"><a href="练习资源包10/tab_task.html">练习选项卡</a></div>
			<div><a href="练习资源包10/tab_task1.html"><img data-original="img/lianxi10.png" src="img/lianxi10.png" alt="图片1"></a></div>
			<div class="dt"><a href="练习资源包10/tab_task1.html">练习10</a></div>
			<div><a href="jquery异步编程/Ajax.html"><img data-original="img/lianxi11.png" src="img/lianxi11.png" alt="图片1"></a></div>
			<div class="dt"><a href="jquery异步编程/Ajax.html">练习11 ajax应用</a></div>
		</li>
	</ul>

</body>
</html>